
<html>
<head>
	<meta http-equiv='Content-Type' content="text/html" charset='utf-8'/>
	<style type="text/css">
	div{
		height: 500px;
		width: 500px;
		margin: 0 auto;
		border:1px solid #cccccc;
	    border-radius: 15px;
	}
	</style>
</head>
<body>
	<div>
	<iframe src="http://www.baidu.com" height="300px" width="300px" name="baidu" scrolling="no" frameborer="0"	>
	</iframe>
	<a href="#" target="baidu">点我跳到上面的百度页面</a>
	</div> 

<div>
	<iframe height="300px" width="490px" name="baidu" id="frame">
    </iframe> <!--iframe  是获取整个页面 可以根据scrolling  width height调整-->
     <a href="#frame" onclick="frame.src='http://www.baidu.com'"  >点我旁边的框架显示百度页面</a>
</div>
  
</body>
</html>